<template>
  <div id="app">
    <!--内容-->
    <keep-alive>
      <router-view class="view-router" v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view class="view-router" v-if="!$route.meta.keepAlive"></router-view>

    <!--底部-->
    <router-view name="bottomTab"></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

  html {
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
  }

  /*这个配合mixin的scroll-fixed.js，记录滚动条的位置*/
  .view-router {
    height: 100vh;
    overflow-y: auto;
    /*box-sizing: border-box;*/
    /*padding-bottom: 50px;*/
  }
</style>
